<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Agora</title>
    <link href="./css/public.css" rel="stylesheet" type="text/css" >
</head>
<body>
    <div class="container">
        <img class="bg" src="./img/bg_index.png" alt="">
        <div class="title">声网</div>
        <div class="banners">  
            <video controls poster="./img/banner1.png"  class="bannervideo"  preload="true" src="http://accktvpic.oss-cn-beijing.aliyuncs.com/pic/meta/demo/fulldemoStatic/15c116aca7590992f261143935d6f2cb.mov"></video>
            <!-- <img class="pause" src="./img/ic_play.png" alt=""> -->
        </div>
        <div class="intro">
            <p>娱乐解决方案</p>
            <div class="imgContianer">
                <img class="entertainment" src="./img/ic_k.png" alt="">
                <img class="entertainment" src="./img/ic_live.png" alt="">
                <img class="entertainment" src="./img/ic_chat.png" alt="">
                <img class="entertainment" src="./img/ic_game.png" alt="">
            </div>  
        </div>
        <div class="intro">
            <p>产品方案详解</p>
             <div class="productContainer">
                <div class="proWrap">
                    <img class="proBack" src="./img/product1.png" alt="">
                    <div class="infoWrap">
                        <div class="titleWrap">
                            <p class="proName">在线K歌房</p>
                            <img src="./img/ic_back.png" alt="">
                        </div>
                        <span>一站式接入海量正版曲库与 K 歌组件</span>
                    </div>
                </div>
                <div class="proWrap">
                    <img class="proBack" src="./img/product2.png" alt="">
                    <div class="infoWrap">
                        <div class="titleWrap">
                            <p class="proName">互动游戏</p>
                            <img src="./img/ic_back.png" alt="">
                        </div>
                        <span>直播间互动游戏，观众参战改变战局</span>
                    </div>
                </div>
                <div class="proWrap">
                    <img class="proBack" src="./img/product3.png" alt="">
                    <div class="infoWrap">
                        <div class="titleWrap">
                            <p class="proName">元直播</p>
                            <img src="./img/ic_back.png" alt="">
                        </div>
                        <span>畅享元宇宙，直播新玩法</span>
                    </div>
                </div>
                <div class="proWrap">
                    <img class="proBack" src="./img/product4.png" alt="">
                    <div class="infoWrap">
                        <div class="titleWrap">
                            <p class="proName">元语聊</p>
                            <img src="./img/ic_back.png" alt="">
                        </div>
                        <span>声临其境，打造极具临场感的语聊互动体验</span>
                    </div>
                </div>
             </div>
        </div>
    </div>
    <!-- <aside>
        <div class="tabbar">
            <img src="./img/tab_home.png" alt="">
            <span>首页</span>
        </div>
        <div class="tabbar">
            <img src="./img/tab_discover.png" alt="">
            <span>发现</span>
        </div>
        <div class="tabbar">
            <img src="./img/tab_profile.png" alt="">
            <span>我的</span>
        </div>
    </aside> -->
    <script src="./index.js"></script>
</body>
</html>